/*************************************
* Created by WebStorm
* Author : 艾尼亚尔·毛拉吾提  
* QQ : 524155792  WeChat : ainiyar0124
* Created Time :2024/2/5 19:58
Desc :
**************************************/
@import "@/assets/main.css";

.dark{
  .account-root{
    background-color: var(--dark-background-colors);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    &-footer{
      color: rgba(255, 255, 255, 0.82);
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      a{
        color: rgba(255, 255, 255, 0.82);
      }
    }
  }
}
.account-root {
  width: 100%;
  height: 100vh;
  background-image: url("@/assets/img/login.svg");
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  &-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 120px);
    &-box{
      width: 430px;
      height: 530px;
      box-shadow: #0003 0 0 20px;
      overflow: hidden;
      border-radius: 3px;
      position: relative;
      font-family: monospace;
      &-theme{
        display: block;
        height: 26px;
        line-height: 26px;
        width: 26px;
        float: right;
        cursor: pointer;
      }
      &-logo-title{
        height: 100px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: -10px;
      }
      &-logo{
        width: 100px;
        height: 100px;
        border-radius: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        img{
          width: 100%;
          height: 100%;
          object-fit: cover
        }
      }
      &-title{
        text-align: center;
        margin-block-start:0;
        margin-block-end:0;
        margin-top: -10px;
        font-family: monospace;
      }
      &-form-box{
        margin-top: 15px;
      }
    }
  }
  &-footer{
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
}